<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Entry Form</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<style type="text/css">
  @import url("styles.css");
</style>

<body>
<div id="notificationBarWrapper">
	Hello World
</div>
<div id="notificationCloseButton" onclick="onCloseNotification()">x</div>
<form id="frm" name="frm" action="#" method="post" onsubmit="return onAddItem()">
<div id="container1">
    <div id="col1" >
    		
    		<div style="padding-top:15px;padding-bottom:15px;">
    		
    		<input type="hidden" id="entryid" name="entryid" value="0"/>
    		<p >
    		<label for="date">Date:</label>
    		<input name="date" id="date" width="50" onblur="onBlur()"
    		/>
    		</p>
    		<table style="width: 300px;padding:10px;margin:10px;" id="entries">
   		 </table>
    		</div>
    		
    </div>
    
    <div id="col2">
    	
    	<div style="padding-top:15px;padding-bottom:15px;">
    		<p class="formItem">
    		<label for="entry">Food:</label>
    		<input name="entry" id="entry"  type="text" width="120" 
    				autocomplete="on"  />
    		</p>
    		
    		<p class="formItem">
    		<label for="notes">Notes:</label>
    		<textarea name="notes" id="notes" rows="3" cols="3"
    		style="height:100px"
    		></textarea>
    		</p>
    		<p class="formItem">
    		<label for="calories">Calories:</label>
    		<input name="calories" id="calories"  
    				type="text" style="width:60px" />
    		</p>
    		
    		<p class="formItem">
    		<label for="carbs">Carbs:</label>
    		<input name="carbs" id="carbs"  type="text" style="width:60px"/>
    		</p>
    		<input type="button" value="Save" class="button" onclick="onAddItem()"/>
    		<input type="button" value="Delete" class="button" onclick="onDeleteItem()" id="btnDelete" name="btnDelete"/>
    		<input type="button" value="New" class="button" onclick="onNewItem()"/>
    		
    	</div>
    	
    	
    </div>
</div>
</form>
<div id="footer">
  <div id="chart_div" style="height:300px;width:400px;" />
</div>

	
	
	
</body>
<script src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="js/datepickr.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="js/EntryForm.js"></script>
</html>